.carbtn{
  padding:0.15rem 0.3rem;
  text-align: center;
  border:1px solid #23a5a5;
  color: #23a5a5;
  border-radius: 6px;
  display:inline-block;
  font-size:14px;
  margin:0 0 0 10px;
  &.th{
    padding:0.15rem 0.4rem;
  }
  &.zc {
    padding-top:0;
    padding-bottom:0;
  }
}
.detail-top{
    position: relative;
    height: 1rem;
    background-color:rgb(35, 164, 165);
    color: white;
    line-height: 1rem;
    font-size:.4rem;
    text-align: center;
    i{
        position: absolute;
        font-size: 20px;
        left: .2rem;
    }
    
}
.driver-detail {
    margin-bottom: .13rem;
}
.driver-list {
  background: #fff;
}
.list-header {
    line-height: .68rem;
    padding: 0 .2rem;
    /*border-bottom: 1px dotted #ddd;*/
    overflow: hidden;
    background: #fff;
    font-size: 14px;
}
.list-header span {
    color: #888;
}
.list-header em {
    color: #ff7202;
    font-size: .28rem;
}
.list-content {
  position: relative;
}
.list-content {
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding: .3rem .2rem;
    overflow: hidden;
    .card {
      .index-dt{
        width:75px;
        height:55px;
        padding-top:0.3rem;
        text-align: center;
        margin-right:0.2rem;
        background: url('~images/bg/car-index.png') no-repeat;
        background-size: 75px 55px;
      }
      .txtinfo {
        color:#888;
        p {
          em {
            margin-right:5px;
          }
        }
        p:nth-child(1){
          color:#333;
          padding-bottom:0.2rem;
        }
      }
      p.icon {
        font-size:13px;
        font-weight:600;
        color:#00abdc;
      }
      dt {
        width: 2.4rem;
        height: 1.8rem;
        text-align: center;
        background:url('~images/bg/car-detail.png') no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        div{
          margin-top: .65rem;
          p {
            font-size: .38rem;
            color: rgb(0, 174, 225);
            font-weight: bold;                       
          }
        }            
      }
    }
    dt {
      width: 1.4rem;
      height: 1.4rem;
      text-align: center;
      border-radius: .08rem;
      background: #edf8f8;
      overflow: hidden;   
      i{
        display: block;
        height: 1.04rem;
        line-height: 1.04rem;
        font-size: .6rem;
        color: #23a5a5;
      }       
      p{
        height: .36rem;
        line-height: .36rem;
        font-size: .24rem;
        color: #fff;
        background: #23a5a5;
      }
    }
    dd {
        margin-left: 20px;
        color: rgb(107, 104, 104);
        line-height: 1.3;
        p {
            &:first-child{
                color: black;
                margin: .1rem 0;
            }
            position: relative;
            line-height: 1.3;
            margin-bottom: .1rem;
            overflow: hidden;
            label {
                float: left;
            }
            span {
                display: block;
            }
        }
    }
}

.m-det-tit {
    line-height: .5rem;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: .2rem;
    background: #fff;
    .list-btn{
        padding: 0;
    }
}
.detail-title{
    height: .8rem;
    background-color: white;
    font-size: 16px;
    color: black;
    line-height: .8rem;
    border-bottom: 1px solid #e7e5e5;
    margin-bottom: .3rem;
    padding: .23rem;
    box-shadow: 0px 5px 20px gainsboro;
    em{
        color: rgb(0, 174, 225);
        font-size: 16px;
        font-weight: bold;
    }
}
.detail-list{
    margin-bottom: .1rem;
    border-bottom: 1px solid rgb(204, 202, 202);
}
.orderlist{
    padding: 0 .4rem;
    .item-card {
      background:#fff;
      padding: 0.4rem 0.2rem;
      position:relative;
      border-top:1px solid #c8c8c8;
      border-bottom:1px solid #c8c8c8;
    }
    .item-info {
      img{
        border:1px solid #ebebeb;
        padding:0.2rem;
        height: 0.8rem;
        max-width: 1rem;
        margin-right:0.3rem;
      }
      .txt {
        p{
          color:#373737;
          padding-bottom:2px;
        }
        p:nth-child(2){
          margin-top:0.2rem;
        }
      }
      .input-draw {
        margin-top: 0.2rem;
        .list-btn-draw {
          border: 1px solid #bdbdbd;
          border-radius: 6px;
          padding: 0.15rem 0;
          margin-right:0.2rem;
          input {
            max-width:2rem;
            min-width: 1rem;
            margin-left:0.2rem;
            font-size:14px;
            &::placeholder {
              color: #acacac;
              font-size: 14px;
            }
          }
        }
      }
    }
    .bdr {
      position:absolute;
      top:-1px;
      height:100%;
      width:9px;
      border-top:1px solid #c8c8c8;
      border-bottom:1px solid #c8c8c8;
      &.l{
        left:-9px;
        background:url('~images/bg/bdr-l.png') repeat-y;
      }
      &.r {
        right: -9px;
        background: url('~images/bg/bdr-r.png') repeat-y;
      }
    }
}
.orderlist-content{
  border-bottom: 1px dotted #ddd;
  padding: .3rem;
  margin-bottom: .5rem;
  box-shadow: 0px 5px 10px gainsboro;
}
.car-draw{
    padding: .35rem;
    background-color: white;
    .input{
      textarea{
        padding: .3rem;
        font-size: .34rem;
        overflow: hidden;
        &::placeholder{
            color:rgb(185, 183, 183); 
        }
      }
    }
}
.common-dd{
    dd {
        color: rgb(107, 104, 104);
        line-height: 1.3;
        p {
            &:first-child{
                color: black;
                font-size: .3rem;
                margin-bottom: .3rem;
            }
            position: relative;
            line-height: 1.3;
            margin-bottom: .1rem;
            overflow: hidden;
            label {
                float: left;
            }
            span {
                display: block;
                line-height: 19px;
            }
        }
    }
}
.picupload{
  height: 3rem;
  background-color: #fff;
  margin-top: .15rem;
  .upload-p{
    font-size: 16px;
    padding: .3rem;
  }
}
.refuse_pop{
  padding:0.3rem 0.3rem 0;
  .title {
    text-align: center;
    padding: 0.3rem 0;
    border-bottom: 1px solid #ebebeb;
  }
}
.bottom-two-btn{
  /*padding: .3rem;*/
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  margin:10px 0 0;
  .new-btn{
    flex:1;
    text-align:center;
    padding:0.25rem 0;
    font-size: 16px;
    &:last-child{
      border-left:1px solid #ddd;
      background: #23a5a5;
      color: #fff;
    }
  }
}
.bitian {
  color:#1196e4;
  float: right
}

.car-pc-title {
  background: #fff;
  height: 1rem; 
  line-height: 1rem;
  padding:0 0.2rem;
  border-bottom:1px solid #ddd;
  margin-bottom:0.2rem;
  &.listing {
    margin:0;
  }
  .atvno {
    font-size: 17px;
  }
  .llse {
    color:#23a5a5;
    border: 1px solid #23a5a5;
    border-radius: 100%;
    padding:4px;
  }
}
.car-bbinfo-card {
  background: #fff;
  .bbno {
    padding:0.2rem;
    font-size:16px;
  }
  .bbmain {
    padding:0.2rem;
    p {
      /*height:22px;*/
      line-height: 22px;
      font-size:15px;
      color:#888;
      label {
        /*float:right;*/
        padding:0 0 0 10px;
        text-align: right;
      }
    }
  }
}
.car-bbinfo-list {
  .bbtitle {
    padding:0 0.3rem;
    background:#fff;
    height:40px;
    line-height: 40px;
    color:#888;
    .llse,
    .iconfont {
      font-size:17px;
      color:#23a5a5;
    }
  }
  .bbitem {
    background:#fff;
    padding:0.2rem 0.3rem;
    img {
      width:1.5rem;
      height:1.5rem;
      margin: auto 0.2rem auto 0;
    }
    .specs {
      color:#888;
      .name {
        color:#333;
      }
    }
  }
}

.weui-cell {
  padding:0 !important;
}
.weui-label {
  color:#888;
  font-size:16px;
}
.vux-tap-active:active {
  background: transparent !important;
}

.drawall,
.transferAll {
  .vux-popup-picker-value {
    font-size:16px !important;
  }
}

.actitle {
  color: #666;
  font-size: 12px;
}